#brush-slider-ctn {
  display: flex;
  align-content: flex-start;
  height: 20px;
  width: 270px;
  padding: 5px 0 0 5px;
  //margin-left: 20px;
  //margin-top: 10px;
}

#brush-slider-data {
  .slider-selection {
    background: #4598cc;
  }

  .slider-track-high {
    background: #dbdbdb;
  }

  .slider-handle {
    background: #258fc4;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    border: 0.5px solid #333333;
  }
}

#desc-ctn {
  margin-top: -2px;
  margin-left: 5px;
  width: 35px;
  height: 10px;
}

#desc {
  //margin-right: 20px;
  font-size: 13px;
}


body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

#bts-ctn {
  margin: 2px 1px 3px 2px;
  height: 50px;
  display: flex;
  flex-direction: row;
  //align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

.btn {

  //-webkit-touch-callout: none;
  //-webkit-user-select: none;
  //-khtml-user-select: none;
  //-moz-user-select: none;
  //-ms-user-select: none;
  //user-select: none;

  //align-self: center;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-right: 2px;
  appearance: none;
  outline: 0 none !important;
  //min-width: 28px;
  width: 36px;
  height: 36px;
  min-width: 36px;
  color: #f9f9ff;
  background-color: #496f9a;
  border-radius: 3px;
  border: 0 solid transparent;
  font-weight: bold;
  font-size: 15px;
  box-shadow: unset;


}
.highlight {
  color: #00ff00;
}
//.btn-desc {
//  align-self: center;
//}

.setting {
  font-size: 24px;
  font-weight: 800;
  //border-radius: 15px;
}

.first {
  margin-top: 10px;
}
.second {
  margin-bottom: 0;
}

.btn:active {
  //border: 5px solid #3372a1;
  background-color: #baf0ff;
  box-shadow: unset;
}

